@@include('include/header.html')
<link rel="stylesheet" href="./css/wxappDev.css">
<link rel="stylesheet" href="./css/swiper.min.css">
<div class="content" id="wxappDev">
    <div class="mk1">
        <div class="litbox">
            <div class="title">我们懂你想要的小程序是什么</div>
            <div class="miaosu">
                <div>低成本开发快速验证市场</div>
                <div>易拓展轻量级高并发</div>
                <div>多维营销刺激用户</div>
                <div>人性化交互与视觉体验</div>
                <div>快速抢占市场</div>
            </div>
        </div>
    </div>
    <div class="mk3">
        <div class="litbox">
            <img src="https://djmaftersales.oss-cn-shenzhen.aliyuncs.com/zjhpro/maomi/pic_title_Internet.png" alt="">
            <div class="ul">
                <div class="li fl">
                    <img class="ic" src="https://djmaftersales.oss-cn-shenzhen.aliyuncs.com/zjhpro/maomi/ic_internet_1.png" alt="">
                    <div class="text">微信生态一体化营销</div>
                    <div>公众号、朋友圈、微信群、小程序</div>
                </div>
                <div class="li">
                    <img class="ic" src="https://djmaftersales.oss-cn-shenzhen.aliyuncs.com/zjhpro/maomi/ic_internet_2.png" alt="">
                    <div class="text">数十个入口更容易获取新客</div>
                    <div>DANKAL小程序聚焦于给商家<br/>提供电商、新零售小程序解决方案</div>
                </div>
                <div class="li fr">
                    <img class="ic" src="https://djmaftersales.oss-cn-shenzhen.aliyuncs.com/zjhpro/maomi/ic_internet_3.png" alt="">
                    <div class="text">分享传播点击转化更强</div>
                    <div>产品图片+核心卖点一屏完整展示<br/>融入图文、分享卡片、更大更醒目</div>
                </div>
            </div>
        </div>
    </div>
    <div class="mk4">
        <div class="litbox">
            <div class="title">猫咪科技让数据驱动小程序运营</div>
            <div class="littitle">WHY DID YOU CHOOSE US</div>
        </div>
        <div class="nav">
            <div class="lunbobtn0 on">推广或客</div>
            <div class="lunbobtn1">成交转化</div>
            <div class="lunbobtn2">客户留存</div>
            <div class="lunbobtn3">增购复购</div>
            <div class="lunbobtn4">分享裂变</div>
            <div class="lunbobtn5">运营迭代</div>
        </div>
        <div class="swiper swiper1">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <img src="https://djmaftersales.oss-cn-shenzhen.aliyuncs.com/zjhpro/maomi/wxapppic22.png" alt="">
                </div>
                <div class="swiper-slide">
                    <img src="https://djmaftersales.oss-cn-shenzhen.aliyuncs.com/zjhpro/maomi/wxapppic22.png" alt="">
                </div>
                <div class="swiper-slide">
                    <img src="https://djmaftersales.oss-cn-shenzhen.aliyuncs.com/zjhpro/maomi/wxapppic22.png" alt="">
                </div>
                <div class="swiper-slide">
                    <img src="https://djmaftersales.oss-cn-shenzhen.aliyuncs.com/zjhpro/maomi/wxapppic22.png" alt="">
                </div>
                <div class="swiper-slide">
                    <img src="https://djmaftersales.oss-cn-shenzhen.aliyuncs.com/zjhpro/maomi/wxapppic22.png" alt="">
                </div>
                <div class="swiper-slide">
                    <img src="https://djmaftersales.oss-cn-shenzhen.aliyuncs.com/zjhpro/maomi/wxapppic22.png" alt="">
                </div>
            </div>
        </div>
    </div>
    <div class="mk6">
        <div class="litbox">
            <div class="title">蛋壳科技为小程序产业赋能</div>
            <div class="littitle">WHY DID YOU CHOOSE US</div>
        </div>
        <img  src="https://djmaftersales.oss-cn-shenzhen.aliyuncs.com/zjhpro/maomi/server-wxapp2-bg.png" class="img">
    </div>
    <div class="mk5">
        <div class="icontitle"><img src="https://djmaftersales.oss-cn-shenzhen.aliyuncs.com/zjhpro/maomi/pic_dankal_logo.png" alt=""></div>
        <img data-v-03e9622d="" src="https://djmaftersales.oss-cn-shenzhen.aliyuncs.com/zjhpro/maomi/pic_bg_bottom_2.png" class="bg">
        <form action="">
            <div class="title">“在一切开始之前，先告诉我你的需求吧”</div>
            <div class="lititle">我们不会给您过低的价格，但我们保证给您超出预期的产品效果!</div>
            <div class="inp"><input type="text" placeholder="请输入联系人"></div>
            <div class="leftright">
                <div><input type="text" placeholder="手机号/邮箱(必填)"></div>
                <div>
                    <select>
                        <option>手机</option>
                        <option>邮箱</option>
                    </select>
                </div>
            </div>
            <div class="inp"><input type="text" placeholder="请输入您的公司名称"></div>
            <div class="inp"><textarea placeholder="需求描述(必填)"></textarea></div>
            <div class="selectSubmit">
                <div class="left">
                    <select name="" id="">
                        <option disabled>项目预算</option>
                        <option>5千-1万</option>
                        <option>1万-2万</option>
                        <option>2万-3万</option>
                        <option>4万-5万</option>
                        <option>5万-10万</option>
                        <option>10万-20万</option>
                        <option>20万以上</option>
                    </select>
                </div>
                <button>提交需求</button>
            </div>
        </form>
    </div>
</div>

<script src="./js/swiper.min.js"> </script>
<script>
    var mySwiper1 = new Swiper('.swiper1', {
        on:{
            slideChangeTransitionStart:function(){
                $('.lunbobtn'+this.activeIndex).addClass('on').siblings().removeClass('on');
            }
        }
    })
    //点击轮播
    $('#wxappDev .mk4 .nav div').click(function(e){
        mySwiper1.slideToLoop($(this).index(), 1000, false);
        $('.lunbobtn'+$(this).index()).addClass('on').siblings().removeClass('on');
    })
</script>


@@include('include/footer.html')
